<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>底部</title>
    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="${path}/plugins/bootstrap/css/bootstrap.css" type="text/css">
    <!-- 引入外部的css样式 -->
    <link href="${path}/H+/css/font-awesome.css?v=4.4.0" rel="stylesheet">

    <!-- 引用自己写的css样式 -->
    <link href="${path}/css/index/index.css" rel="stylesheet" type="text/css">
</head>
<body>


<!-- 底部导航 begin -->
<div class="container-fluid">
    <div class="row">
        <nav class="navbar navbar-inverse fixed-bottom" role="navigation" style="margin-bottom: 0px">
            <div class="container-fluid" style="font-size: 13px">
                <div class="row" >
                    <ul class="nav navbar-nav">
                        <li>
                            <div style="color: rgb(177, 177, 177);margin-top: 50px;margin-left: 150px"
                                 class="col-md-4">
                                <h4>悠&nbsp;U旅行</h4>
                                <p>悠&nbsp;U是一个新方式的<span style="color: bisque"> "旅行交友"</span> 的网站,<br>
                                    旨在帮助旅行者计划和结伴游玩,<br>
                                    可以提供业余的引路人带给旅行者更好的 <span style="color: bisque"> "游玩体验"</span><br>
                                    提供一定的旅行日记,打造 <span style="color: bisque">"新方式旅行交友"</span><br>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div style="color: rgb(177, 177, 177);margin-top: 50px;margin-left: 0px"
                                 class="col-md-12">
                                <h4>关于我们</h4>
                                <ul class="nav navbar-nav" style="list-style: none;margin-left: 0px">
                                    <li>关于悠 U</li>
                                    <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系我们</li><br>
                                    <li>服务协议</li>
                                    <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;游记协议</li><br>
                                    <li>达人协议</li>
                                    <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;隐私政策</li><br>
                                    <li>网络信息侵权通知指引</li><br>
                                    <li>网站地图</li>
                                    <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;商业合作</li><br>
                                    <li style="color: bisque">&nbsp;&nbsp;&nbsp;加入我们</li>

                                </ul>
                        </li>
                        <li>
                            <div style="color: rgb(177, 177, 177);margin-top: 50px;margin-left: 180px"
                                 class="col-md-12">
                                <h4>帮助中心</h4>
                                <ul class="nav navbar-nav" style="list-style: none;margin-left: 0px">
                                    <li>新手上路</li><br>
                                    <li style="color: bisque">意见反馈</li>
                                    <li>&nbsp;&nbsp;&nbsp;&nbsp;常见问题</li><br>
                                    <li style="color: bisque">帮助中心</li>
                                    <li>&nbsp;&nbsp;&nbsp;&nbsp;旅行工具</li><br>
                            </div>
                        </li>
                    </ul>
                </div>
                <br><br>
                <hr>
                <div style="color: rgb(177, 177, 177);margin-top: 20px;margin-left: 150px;font-size: 12px">
                    <div style="float: left;"><img src="http://pzgv309jp.bkt.clouddn.com/1fa25c33-124f-44fd-887f-a889d08c2120.jpg" width="60px" height="40px"
                                                   style="opacity: 0.7;border-radius: 80px;">
                    </div>
                    <div style="float: left;margin: 10px 5px;font-family: '楷体';font-size:18px">悠 U</div>
                    <div style="float: left;;margin-top: 10px;margin-left: 30px">© 2019 悠U
                        版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;经营许可&nbsp;&nbsp;&nbsp;营业执照</div>
                    <div style="clear: both;margin-left: 130px">悠U不是旅行社,也不是代理商,我们只提供一些免费、客观、公正
                        、计费的攻略指南,以及一些业余的引路人
                        对外部网站概不负责</div>

                </div>
            </div>
            <div
                    style="float: right;width: 40px;height: 50px;margin-right: 10px;background-color: aliceblue;text-align: center">
                <a href="#top" style="color: rgb(177, 177, 177)"><br>Top&nbsp;↑</a>
            </div>
        </nav>

    </div>
</div>


<!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
<script src="${path}/plugins/jquery/jquery.min.js"></script>
<!--引入bootstrap的js文件-->
<script src="${path}/plugins/bootstrap/js/bootstrap.js"></script>



</body>
</html>